/* CSS Document */
:root {  --color-1:#0080d8;
 --color-2:#3368A2;
 --color-3:#3B93C4;
 --color-4:#82D4F6;
 --color-5:#B6DFEF;
 --color-6:#CBE4EF;
 --color-index: #0080d8;
 --color-sub-index: #2E528B;
}
* { padding: 0; margin: 0; }
.page-admin { position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: grid; grid-template-columns: auto; grid-template-rows: 46px auto 0; }
.page-admin>.page-head { background-color: var(--color-1); }
.page-admin>.page-body { position: relative; }
.page-admin>.page-foot { background-color: var(--color-1); }
.page-admin .page-winbox { position: absolute; left: 0; right: 0; top: 0; bottom: 0; /* background-color: var(--color-6); */
display: flex; }
.page-admin .page-winbox .admin-menus { width: 200px; background-color: var(--color-1); overflow: auto; }
.page-admin .page-winbox .admin-menus-bg { background-image: url(../img/page-bottom-image.png); background-size: contain; background-repeat: no-repeat; background-position: bottom; width: 200px; position: absolute; height: 100%; opacity: 0.15; }
.page-admin .page-winbox .admin-winobox { flex: auto; position: relative; }
.page-admin .admin-winobox .admin-winbox-show { position: absolute; left: 0; right: 0; bottom: 0; top: 0; padding: 15px; border: 1px solid; display: grid; grid-template-rows: max-content auto; }
.page-admin .admin-winobox .admin-wintabctl { display: flex; border-bottom: 2px solid var(--color-2); }
.page-admin .admin-winobox .admin-wintabacts { position: relative; }
.page-admin .admin-wintabctl>li { list-style-type: none; font-family: "微软雅黑"; border: 1px solid var(--color-1); padding: 5px 15px; border-left: none; cursor: pointer; font-size: 15px; color: var(--color-2); }
.page-admin .admin-wintabctl>li.show { background-color: var(--color-2); color: var(--color-white); }
.page-admin .admin-wintabctl>li:first-child { border-left: 1px solid var(--color-1); }
.page-admin .admin-wintabctl>li>span { }
.page-admin .admin-wintabctl>li.show span { }
.page-admin .admin-wintabctl>li.show i { }
.page-admin .admin-wintabacts>li { position: absolute; left: 0; right: 0; top: 0; bottom: 0; list-style-type: none; display: none; }
.page-admin .admin-wintabacts>li.show { display: block; }
.page-admin .admin-wintabacts>li>iframe { width: 100%; height: 100%; border: none; }
/*  菜单选项  */
.admin-menus { }
.admin-menus ul { }
.admin-menus li { }
.admin-menus a { color: #fff; padding-left: 1em; padding-right: 1em; line-height: 40px; font-family: "微软雅黑"; cursor: pointer; position: relative; display: flex; flex: inherit; align-items: center; border-top: 1px solid #bcbcbc; font-size: 14px; padding-left: 2em; text-decoration: none; }
.admin-menus a:after { content: ""; position: absolute; right: 0; font-family: kuoqi; font-style: initial; width: 1em; text-align: center; display: inline-block; vertical-align: 0; fill: currentcolor; }
ul#systemMenus>li>a:after { content: "\F6526"; }
ul#systemMenus>li.hide-ui>a:after { content: "\F6525"; }
.admin-menus a[data-url]:after { content: none; }
.admin-menus i { }
.admin-menus>ul { }
.admin-menus>ul>li { }
.admin-menus>ul>li>a { color: #fff; padding-left: 1em; padding-right: 1em; line-height: 40px; opacity: 0.95; }
ul#systemMenus>li>ul { background-color: var(--color-2); transition-property: all; overflow: hidden; transition: 0.5s; }
.admin-trow { background-color: var(--color-3); color: #fff; padding: 10px 5px; }
.admin-brow { margin-top: 5px; }
ul.pager { display: inline-flex; }
ul.pager.pager-small { font-size: smaller; ; }
.row-tbar { background-color: var(--color-4); padding: 5px; }
.row-bbar { background-color: var(--color-5); padding: 5px; }
.web-title { color: #fff; font-weight: bold; }
.userPart { display: flex; }
.userPart ul { top: 36px; }
.userPart .userlogo { margin: 5px; }
.userPart:hover ul, .userPart ul:hover { background-color: var(--color-5); }
.userPart li:hover { background-color: var(--color-4); }
.userPart .username a { text-decoration: none; font-weight: normal; font-size: 14px; }
ul#systemMenus>li.hide-ui>ul { height: 0 !important; }
.card.card-api>.card-head { background-color: var(--color-2) !important; }
.userPart { position: relative; height: 100%; }
.userPart .userlogo { width: 26px; height: 26px; overflow: hidden; border-radius: 50%; }
.userPart .username { line-height: 32px; color: #fff; height: 32px; }
.userPart ul { padding-left: 0; list-style-type: none; margin: 0 auto; position: absolute; width: 100%; text-align: center; height: 0; overflow: hidden; z-index: 1; background: #fff; }
.userPart:hover ul, .userPart ul:hover { height: auto; padding-bottom: 15px; box-shadow: 0px 0px 2px 1px; }
.userPart li { line-height: 28px; border-bottom: 1px solid; }
.userPart .username a { text-decoration: none; font-weight: 600; }
.userPart li a { color: var(--color-info); text-decoration: none; }
